<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel ="shortcut icon" href="/images/icon.ico" type="image/x-icon"/>
		<title><?=$title?></title>
		<link type="text/css" rel="stylesheet" href="/themes/default/jquery/jquery-ui-1.8.17.custom.css" media="screen"/>
		<link type="text/css" rel="stylesheet" href="/themes/default/theme.css" media="screen"/>

		<script type="text/javascript" src="/scripts/lib/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="/scripts/lib/jquery-ui-1.8.17.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){

				// Accordion
				$("#accordion").accordion({ header: "h3" });

				// Tabs
				$('#tabs').tabs();


				// Dialog			
				$('#dialog').dialog({
					autoOpen: false,
					width: 600,
					buttons: {
						"Ok": function() { 
							$(this).dialog("close"); 
						}, 
						"Cancel": function() { 
							$(this).dialog("close"); 
						} 
					}
				});

				// Dialog Link
				$('#dialog_link').click(function(){
					$('#dialog').dialog('open');
					return false;
				});

				// Datepicker
				$('#datepicker').datepicker({
					inline: true
				});

				// Slider
				$('#slider').slider({
					range: true,
					values: [17, 67]
				});

				// Progressbar
				$("#progressbar").progressbar({
					value: 20 
				});

				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
				function() { $(this).addClass('ui-state-hover'); }, 
				function() { $(this).removeClass('ui-state-hover'); }
				);

			});
		</script>
	</head>

	<body>

		<!-- [Wapper] -->
		<div id="wapper">
			<!-- [Header] -->
			<div id="header">
				<div id="inner">
					<div id="logo"><a href="#">ระบบการจัดการทัวร์</a></div>
					<div id="info">
						<a id="info-user">ผู้ดูแลระบบ</a><br>
						</a> เกี่ยวกับเรา</a> |</a> ออกจากระบบ</a></div>
				</div>
				<ul id="menu-bar">
					<li class="menu-item-active"><span class="home"><a href="#">ระบบทัวร์</a></span></li>
					<li class="menu-item"><span class="home"><a href="#">ระบบลูกค้า</a></span></li>
					<li class="menu-item"><span class="home"><a href="#">ระบบสินค้า</a></span></li>
					<li class="menu-item"><span class="home"><a href="#">ระบบต้นทุน</a></span></li>
					<li class="menu-item-r"><span class="home"><a href="#">ขอความช่วยเหลือ</a></span></li>
				</ul>
				<div id="menu-icon">
					<ul id="menu-inner">
						<? for($i=1;$i<=36;$i++): ?>
							<li class="menu-item"><a class="home"></a></li>
							<? endfor; ?>
					</ul>
				</div>
			</div>
			<!-- [End Header] -->

			<!-- [Container] -->
			<div id="container">
				<!-- [Body] -->
					<?=$content?>
				<!-- [End Body] -->
			</div>
			<!-- [End Container] -->

			<!-- [Footer] -->
			<div id="footer">
				<a class="left">Copyright @ 2012 BKBEEZ All right reserved.</a>
				<a class="right">Design by BKBEEZ</a>		
			</div>
			<!-- [End Footer] -->
		</div>
		<!-- [End Wapper] -->

	</body>
</html>
